<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>div与span</title>
    <!--
        div与span将会配合后边学习的css完成页面布局
    -->
</head>
<body>
    哈哈
    <br>
    <!--
        每个div标签都占一整行
        叫做“块级标签”
    -->
    <div style="border: 3px dashed red">哈哈</div>
    <div style="border: 3px solid turquoise">哈哈</div>
    <!--
        每个span不占用一整行，其占用的空间根据内容的多少撑起来
        多个span可以放到同一行中
        叫做"行内标签"
    -->
    <span  style="border: 3px solid forestgreen">呵呵呵呵呵呵呵呵呵呵呵呵</span>
    <span  style="border: 3px solid coral">呵呵</span>
</body>
</html>